<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <title>角色管理</title>
        <link rel="stylesheet" href="js/layui/css/layui.css" media="all">
        <link rel="stylesheet" href="js/layui/css/layui-global.css" media="all">
        <link rel="stylesheet" type="text/css" href="js/zTree_v3/css/metroStyle/metroStyle.css">
        <link rel="stylesheet" href="css/page/index.css">
		<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
		<!--[if lt IE 9]>
		  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
		  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
    </head>

<body class="layui-layout-body">
	<div class="layui-layout layui-layout-admin">
		<table id="roleTable" lay-filter="roleInfo"></table>
	</div>
    <div class="layui-form" id="updateRolePanelDisplay" style="display:none;">
        <input type="hidden" id="roleIdInput">
		<div class="layui-form-item">
			<label class="layui-form-label">角色名称</label>
			<div class="layui-input-block">
				<input type="text" id="roleNameInput" autocomplete="off"
					placeholder="请输入角色信息" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item layui-form-text">
            <label class="layui-form-label">角色描述</label>
            <div class="layui-input-block">
                <textarea placeholder="请输入描述信息" maxlength="150" id="roleDescText" class="layui-textarea"></textarea>
            </div>
        </div>
 </div>
 <div id = "prividgeEditTreeBox">
    <ul id="prividgeEditTree" class="ztree"></ul>
 </div>
 <script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
    <button class="layui-btn layui-btn-sm" lay-event="insert">新增角色</button>
  </div>
</script>
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-warm layui-btn-xs" lay-event="prividgeEdit">权限分配</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</body>
<script type="text/javascript" src="js/zTree_v3/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/zTree_v3/js/jquery.ztree.all.js"></script>
<script src="js/layui/layui.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/page/roleManager.js"></script>

</html>